<div class="row">
  <div class="col-md-3 m-4" *ngFor="let prod of prods">
    <div class="card">
      <img [src]="prod.prodImg" alt="" class="card-img-top" />
      <div class="card-body">
        <h5 class="card-title float-right">&yen;{{prod.prodPrice}}</h5>
        <h5 class="card-title">{{prod.prodTitle}}</h5>
        <p class="card-text">{{prod.prodDesc}}</p>
        <p class="card-text">&hearts;</p>
      </div>
    </div>
  </div>
</div>

